<ion-view view-title="船源信息" cache-view="true" ng-init="init()">
  <ion-nav-back-button class="button-clear">
    <i class="ion-arrow-left-c"></i> 首页
  </ion-nav-back-button>

  <ion-side-menus delegate-handle="filter">
    <ion-side-menu-content style="padding-top:44px">
      <section class="g_main">
        <!-- 专线运输 -->
        <section class="truck_line_filter gray_back">
          <div class="filter_total">
            <p>总计 <strong>{{count}}</strong>艘船</p>
            <span class="change_filter" ng-click="toggleMenu()">
              <i class="icon icon_filter">
              </i>
              筛选
            </span>
          </div>
          <ion-scroll style="height:{{scorllHeight}}px" delegate-handle="vinchellistscroll">
            <div style="height:{{listHeight}}px">
              <ion-list>
              <ul class="filter_list">
                <li ng-repeat="item in vinchelList" ng-click="toVinChelDetail('{{item.owner_id}}')">
                  <div class="user_info">
                    <div class="name">
                      <strong>
                        {{item.owner_name}}<span style="color: red;font-size:10px;display:none" ng-show="item.auth_state<2" >&nbsp;(未实名认证)</span>
                      </strong>
                      &nbsp;
                      <div style="height:44px;line-height: 41px;display: inline-block;">
                        <div class="ivu-rate"><input type="hidden" value="2.5">
                          <div class="ivu-rate-star {{item.score>0?'ivu-rate-star-full':''}}"><span type="half" class="ivu-rate-star-content"></span></div>
                          <div class="ivu-rate-star {{item.score>1?'ivu-rate-star-full':''}}"><span type="half" class="ivu-rate-star-content"></span></div>
                          <div class="ivu-rate-star {{item.score>2?'ivu-rate-star-full':''}}"><span type="half" class="ivu-rate-star-content"></span></div>
                          <div class="ivu-rate-star {{item.score>3?'ivu-rate-star-full':''}}"><span type="half" class="ivu-rate-star-content"></span></div>
                          <div class="ivu-rate-star {{item.score>4?'ivu-rate-star-full':''}}"><span type="half" class="ivu-rate-star-content"></span></div>
                        </div>
                      </div>
                      <!--span class="icon_star star_3">
                        {{item.owner_stars}}星
                      </span-->
                    </div>
                    <div class="company">
                      <!--
                      <i class="icon icon_tag_qi">
                        企业认证
                      </i>

                      -->
                      <i class="icon icon_tag_shi" ng-show="item.auth_state==2">
                        实名认证
                      </i>
                      <i class="icon icon_tag_che">
                        有船
                      </i>
                      <!--i class="icon icon_tag_piao">
                        发票
                      </i>
                      <em>
                        上海环贸物流有限公司
                      </em-->
                    </div>
                  </div>
                  <div class="truck_info">
                    <img ng-src="{{item.member_photo}}" alt="">
                    <ul>
                      <li>
                        <span>
                          <i class="icon icon_truck_type">
                          </i>
                          {{vincheltypes[item.vehicle_type]}}
                        </span>
                        <span>
                          <i class="icon icon_truck_length">
                          </i>
                          {{vehiclelens[item.vehicle_len]}}
                        </span>
                        <span>
                          <i class="icon icon_truck_weight">
                          </i>
                          {{item.vehicle_load_disp}}
                        </span>
                      </li>
                      <li>
                        <i class="icon icon_reg">
                        </i>
                        {{item.create_time.substring(0,10)}}
                      </li>
                      <li>
                        <i class="icon icon_path">
                        </i>
                        {{item.frequent_line_start}} 至 {{item.frequent_line_end}}
                      </li>
                    </ul>
                    <p class="price ng-hide">
                      <em>
                        {{item.price?item.price:'面议'}}
                      </em>
                      {{item.price?'元':''}}
                    </p>
                  </div>
                </li>
              </ul>
              </ion-list>
              <ion-infinite-scroll on-infinite="loadMoreRecord()" distance="1" ng-show="showprogress"></ion-infinite-scroll>
            </div>
          </ion-scroll>
        </section>
      </section>
    </ion-side-menu-content>
    <ion-side-menu side="right">
      <ion-content>
        <section class="filter_pop_box">
          <section >
            <ul class="filter_car_change ">
              <li style="padding-left: 85px;"><strong style="float:left;width:75px;margin-left:-75px;">常用起始地</strong>
              <div  style="float: right;">
              <input  style="float: right;text-align:right;" type="text" ng-model="pageConf.start_area_disp" placeholder="请输入起始地"></div>
              </li>
              <li  style="padding-left: 85px;"><strong style="float:left;width:75px;margin-left:-75px;">常用目的地</strong>
                 <div style="float:right;"><input style="float: right;text-align:right;" type="text" ng-model="pageConf.end_area_disp" placeholder="请输入目的地"></div>
              </li>
            </ul>
            <ul class="filter_change">
              <li ng-click="toQueryPage(3)"><strong>船舶类型</strong><span>{{pageConf.vehicle_type&&pageConf.vehicle_type!=='-1'?vincheltypes[pageConf.vehicle_type]:'全部'}}</span></li>
              <li ng-click="toQueryPage(4)"><strong>船长</strong><span>{{pageConf.vehicle_len&&pageConf.vehicle_len!=='-1'?vehiclelens[pageConf.vehicle_len]:'全部'}}</span></li>
              <li ng-click="toQueryPage(5)"><strong>吨位</strong><span>{{pageConf.vehicle_load&&pageConf.vehicle_load!=='-1'?vehicleloads[pageConf.vehicle_load]:'全部'}}</span></li>
            </ul>
            <button class="btn_reset" ng-click="query()">查询</button>
          </section>
        </section>
      </ion-content>
    </ion-side-menu>
  </ion-side-menus>
</ion-view>
